<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="色彩设计;色彩搭配;颜色搭配;流行色;流行色搭配;iColor">
        <meta name="description" content="大众对流行的理解与跟随，早已不单限定某一款产品，也越来越关注其背后的元素。去年粉蓝、粉红组合刷爆了设计圈，为时尚、设计、零售等行业带去了色彩方面的灵感。而今年秋冬季，又有哪些流行色呢？">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
        <title>2016家居色彩趋势秋冬季_iColor产品专题_iColor</title>
        <link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="css/lxs.css">
    </head>

    <body>
        <!-- 页面头部 开始 -->
        <div class="ic-header ">
            <div class="top-nav hidden-xs hidden-sm">
                <div class="container">
                    <div class="row">
                        <div class="top-nav-favsite col-xs-6">
                            <a href="#">收藏本站</a>
                        </div>
                        <div class="top-nav-useradmin col-xs-6">
                            <ul class="pull-right">
                                <li><a href="ic-designer-register.html">设计师注册</a></li>
                                <li><a href="ic-register.html">大众注册</a></li>
                                <li><a href="ic-login.html">登录</a></li>
                            </ul>
                            <div class="favfolder pull-right">
                                <a href=""><i class="fa fa-star"></i>收藏夹</a>
                            </div>
                            <div class="shopcart pull-right">
                                <a href=""><i class="fa fa-shopping-cart"></i>购物车<b>2</b></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-nav">
                <div class="container">
                    <div class="row">
                    
                        <div class="main-logo col-xs-12 col-md-2">
                            <a href="https://www.icolor.com.cn/">
                                <img src="../images/public/icolor-logo.png" alt="icolor-logo">
                            </a>
                        </div>
        
                        <div class="col-xs-12 col-md-6 col-lg-5">
                            <ul class="list-unstyled row main-nav-ul">
                                <li class="col-xs-4">
                                <!-- @@@ 修改链接地址 -->
                                    <a href="https://www.icolor.com.cn/meitu">
                                        <h2>美居美图</h2>
                                        <h4>海量图文灵感搭配</h4>
                                    </a>
                                </li>
                                <li class="col-xs-4">
                                <!-- @@@ 修改链接地址 -->
                                <a href="https://www.icolor.com.cn/jiapin">
                                    <h2>美居家品</h2>
                                    <h4>场景体验一站购买</h4>
                                </a></li>
                                <li class="col-xs-4">
                                <!-- @@@ 修改链接地址 -->
                                <a href="https://www.icolor.com.cn/design">
                                    <h2>美居设计</h2>
                                    <h4>家居设计定制服务</h4>
                                </a></li>
                            </ul>
                        </div>
        
                      
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- 页面头部 结束 -->
        

        <!-- 内容主体开始-->
        <div class="container-fluid" id="container">
            <div class="row">
                <div text-align="center"><img src="images/kv.jpg" alt="" width="100%"></div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="scene" v-for="scene in scenes">
                        <div class="hd"><img :src="'images/'+scene.title" alt=""></div>
                        <div class="bd" v-for="sub in scene.subscene">
                            <div class="bigimg"><img :src="'images/'+sub.image" alt=""></div>
                            <div class="row rec">
                                <div class="col-md-3 col-xs-6" v-for="product in sub.products">
                                    <div class="pro">
                                        <a :href="product.link" target="_blank">
                                            <img :src="'images/'+product.src" alt="">
                                            <h3 v-text="product.name"></h3>
                                            <div class="price">RMB:<span v-text="product.price"></span></div>
                                            <div class="btn">点击购买</div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>  
        <!-- 内容主体结束-->  
        
        <script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>

        <script src="js/vue.min.js"></script>
        <script src="js/data.js"></script>
        <script>
            new Vue({
                el: '#container',
                data: {
                    scenes: scenes
                },
                filters: {
                    currencyDisplay: function(num){
                        num = num.toString().replace(/\$|\,/g,'');  
                        if(isNaN(num)){ num = "0"; }  
                        sign = (num == (num = Math.abs(num)));  
                        num = Math.floor(num*100+0.50000000001);  
                        cents = num%100;  
                        num = Math.floor(num/100).toString();  
                        if(cents<10){ cents = "0" + cents; }

                        for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++){
                            num = num.substring(0,num.length-(4*i+3))+','+ num.substring(num.length-(4*i+3));
                        }
                        return (((sign)?'':'-') + num + '.' + cents);  
                    }
                }
            })
        </script>  

        <script src="//icsc-cdprd.icolor.com.cn/bundle/beacon"></script>    
    </body>

</html>